<?php
exit;
session_start();
if (isset($_GET['ops'])){
    $_SESSION['openid']=$_GET['ops'];
    header('Location: http://urara-yqh.mei94.com/');
    exit;
}
if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}
if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}else{
	header("Content-Type:text/html;charset=UTF-8");
	include_once './c/config.php';
	$redirect_uri = urlencode('http://mei94.com/yqh/base.php');
	$api_userinfo_base='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$appId.'&redirect_uri='.$redirect_uri.'&response_type=code&scope=snsapi_base#wechat_redirect';

	header('Location: '.$api_userinfo_base);
	exit;
}

$appId='wxe214ac48790c622f';
$secret='6b7153fc9c94ee2008e71ecbb2313bec';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='./';
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>悠莱15周年时光盛典</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>/swiper.min.css">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>/weui.css">
<style>
* {font-size: 0.28rem;line-height:1;}   
html,body{font-size:50px;width:100%;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;max-width:750px;background:#6b4f2d;}
body, div{padding:0px;margin:0px auto;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div:focus, img:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
div,img,html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
*{
  -webkit-text-size-adjust: none;
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-align:center;color:#e6bc86;font-size:13px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{color:#ad6f33;text-align:center;}

select{position:absolute;color:#e6bc86;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;transform:translate3d(0,0,0);width:100%;height:auto;overflow:hidden;}
.p-b, .thebg, .theb2{position:absolute;width:100%;top:0;left:0;}
.page, .p1{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.p1{opacity:0;}
.page{display:none;}
.ltop{top:0;}
.w100, .ltop, .p1-bg{position:absolute;width:100%;left:0;display:block;}
.p1-bg{bottom:0;}
.swiper-container{transform:translate3d(0,0,0);}
.swiper-slide{transform:translate3d(0,0,0);overflow: hidden;}
.tip{position:absolute;z-index:9;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);;top:0px;left:0px;}
.arr{
position:absolute;
opacity: .6;
transform: translate(0, -3px);
animation: arr 1.1s ease-in-out 1s infinite alternate;
}
@keyframes arr {
  from {
    transform: translate(0, -3px);
    opacity: .6;
  }
  to {
    transform: translate(0, 9px);
     opacity: 1;
  }
}
.thekv{
   position:absolute;
   width: 100%;
   background: #030000;
}
.vide-kv{position:absolute;top:0;left:0;width: 100%;}
.ps3 .txt{width: 50%;left:25%;text-align: center;}
.p3-sheng{position:absolute;width: 40%;left: 30%;text-align: center;text-align:center;text-indent:6px;color:#e6bc86;font-size:13px;z-index:2;}
.sheng-empty{color:#ad6f33;}
.p4-z1{position: absolute;width:100%;text-align:center;color: #e6bc85;font-size: 0.4rem;font-weight:bold;}

.animated{
  -webkit-animation-duration: 1s;animation-duration: 1s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.an15{
  -webkit-animation-duration: 1.5s;animation-duration: 1.5s;
}
@keyframes fadeInLeft{from {opacity: 0;transform: translate3d(-20%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
.fadeInLeft{animation-name: fadeInLeft;}
@keyframes fadeInUp {
  from {opacity: 0;transform: translate3d(0, 30%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fadeInUp {animation-name: fadeInUp;}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -18%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

.animated.d3s{animation-delay: .3s;}
.animated.d5s{animation-delay: .5s;}
.animated.d6s{animation-delay: .6s;}
.animated.d8s{animation-delay: .8s;}
.animated.d1s{animation-delay: 1s;}
.animated.d12s{animation-delay: 1.2s;}
.animated.d15s{animation-delay: 1.5s;}
.animated.d16s{animation-delay: 1.6s;}
.animated.d18s{animation-delay: 1.8s;}
.animated.d21s{animation-delay: 2.1s;}
.an25.d2s, .animated.d2s{animation-delay: 2s;}
.animated.d25s{animation-delay: 2.5s;}
.animated.s28s{animation-delay: 2.8s;}
.animated.s35s{animation-delay: 3.5s;}
.animated.s45s{animation-delay: 4.5s;}
.animated.s55s{animation-delay: 5.5s;}
.hide{display: none;}
.ip6-p{width:90%;left:5%;}
.p4-t3-qr{position:absolute;width:100%;height:50%;top:50%;left:0;opacity:0;}
.weui-picker__indicator, .weui-picker__item{color:#f18b06;}
.weui-picker__action{color:#f18b06;}
.p3-form{-webkit-user-select:text !important;}
input{-webkit-user-select:text !important;}
</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3e8f5578edfeb127cb376242a887b4ea";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head>
<body>
<div class="container">
<div class="p1">
   
   <div class="swiper-container p1-s1">
      <div class="swiper-wrapper">
      	 <div class="swiper-slide ps1">
             <img class="w100 animated fadeIn an15 p1-b" src="<?php echo $cdnUrl ?>img/p1-b.jpg?v=1">
             <img class="p1-t1 w100  animated fadeInDown d3s" src="<?php echo $cdnUrl ?>img/p1-t1.png">
             <img class="p1-t2 w100 animated fadeInLeft d5s" src="<?php echo $cdnUrl ?>img/p1-t2.png?v=1">
             <img class="p1-t4 w100 animated fadeInLeft d5s" src="<?php echo $cdnUrl ?>img/p1-t4.png">
             <img class="p1-t3 w100 animated fadeInUp d6s" src="<?php echo $cdnUrl ?>img/p1-t3.png">

      	 	 <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png">
      	 </div>

      	 <div class="swiper-slide ps2">
            <img class="p2-z1 w100" src="<?php echo $cdnUrl ?>img/p2-z1.jpg?v=4">
            
            <img class="p1-t1 w100  animated fadeInDown" src="<?php echo $cdnUrl ?>img/p1-t1.png">
            <div class="thekv simg">
                  <video controls="controls" preload="auto" id="thev1" class="thevideo simg"   x5-playsinline="" playsinline="" webkit-playsinline="" src="http://tu-10030004.file.myqcloud.com/1.mp4"></video>
                  <!-- <img class="vide-kv animated fadeIn" src="<?php echo $cdnUrl ?>img/kv.jpg?v=2">
                  <img class="vide-kv animated fadeIn" src="<?php echo $cdnUrl ?>img/kv2.png?v=2"> -->
            </div>
             <img class="p2-z2 w100" src="<?php echo $cdnUrl ?>img/p2-z2.jpg?v=5">
             <img class="p2-t2 w100 animated fadeInUp" src="<?php echo $cdnUrl ?>img/p2-t2.png">
             <img class="arr" src="<?php echo $cdnUrl ?>img/arr.png">
            
      	 </div>

      	 <div class="swiper-slide ps3">
      	 	  <img class="w100 p3-b" src="<?php echo $cdnUrl ?>img/p3-b.jpg">
              <img class="p1-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/p1-t1.png">
              <img class="p3-t2 w100 animated zoomIn d3s" src="<?php echo $cdnUrl ?>img/p3-t2.png?v=3">
              <div class="p3-form w100  animated fadeInLeft d5s">
                  <img class="p3-t3 w100" src="<?php echo $cdnUrl ?>img/p3-t3.png?v=6">
                  <div id="shengPick" class="p3-sheng sheng-empty">例如：江苏</div>
                  <input id="p3name" class="p3-name txt" name="name"  type="text" value=""  placeholder="例如：某某某" />
                  <input id="p3phone" class="p3-phone txt" name="name"  type="number" value=""  placeholder="例如：15088888888"  />
                  <div class="p3-btn simg"></div>
              </div>

      	 </div>
  

      </div>
   </div>
    
</div>

<div class="p4 page">
   <img class="w100 p4-b animated fadeIn" src="<?php echo $cdnUrl ?>img/p3-b.jpg">
   <img class="p4-t1 w100 animated fadeInDown" src="<?php echo $cdnUrl ?>img/p4-t1.png">
   <div class="p4-z1  animated fadeInLeft d3s"></div>
   <img class="p4-t2 w100 animated zoomIn d3s" src="<?php echo $cdnUrl ?>img/p4-t2.png">
   <img class="p4-t3 w100 animated fadeInLeft d5s" src="<?php echo $cdnUrl ?>img/p4-t3.png?v=3">
   <img class="p4-t3-qr" src="<?php echo $cdnUrl ?>img/p4-t3-2.png">
</div>
 
 <div class="js_dialog">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
  </div>
 
  
 
</div>
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script type="text/javascript" src="./swiper.min.js"></script>
<script type="text/javascript" src="./weui.min.js"></script>
 <script src="citydata.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?>
</body></html>